<template>
     <view class="common-card scroll-x-box">
        <view class="title-box">
          <view class="sub-title">古典</view>
          <view class="title">云音乐古典音乐榜</view>
        </view>

        <view class="m-content">
          <scroll-view :scroll-x="true" class="scroll-X">
            <view
              class="poster-list-item"
              v-for="(item, index) in gdTopList"
              :key="item.id"
              @tap="onClickMusicItem(item)"
            >
              <view class="image-box">
                <u-image width="200rpx" height="300rpx" border-radius="10" :src="item.al.picUrl + '?param=270y480'" />
                <view class="dt-count">
                  {{ formatNumber(item.dt) }}
                </view>
              </view>
              <view class="song-name u-line-1" style="margin-top: 0; padding: 15rpx 0">{{ item.name }}</view>
            </view>
          </scroll-view>
        </view>
      </view>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    setup () {
        

        return {}
    }
})
</script>

<style scoped>

</style>